<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name=" apple-mobile-web-app-capable" />
    <!-- 隐藏状态栏  -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <!-- <title>餐点订单详情</title> -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/details.css">
</head>

<body class="ng-cloak" ng-app="CheerHiWx" ng-controller="OrderMealCtrl">
    <header>
        <div class="wrapper clearfix">
            <div class="login_fl fl">
                <a href="my-order.html" class="login_icon"><img src="img/srh_icon.png" alt=""></a>
            </div>
            <h1>餐点订单详情</h1>
        </div>
    </header>
    <!-- 商家信息 -->
    <section class="shops_info">
        <h2 class="p10">商家信息</h2>
        <article class="clearfix">
            <div class="fl">
                <p ng-bind="orderDetail.shopName"></p>
                <address ng-bind="'地址：' + orderDetail.addr"></address>
            </div>
            <div class="fr">
                <a class="address" ng-click="openmap()"></a>
                <a href="" class="call" data-toggle="modal" data-target="#timepartModal2"></a>
            </div>
        </article>
    </section>
    <section>
        <article class="clearfix">
            <header class="head_info">
                <p class="fl">餐点信息</p>
                <!-- <p class="fr">000</p> -->
                <p class="fr" ng-bind="findElement(mealStatusArr,'code',orderDetail.orderState).dscp"></p>
                <small>订单号: <span>{{orderNum}}</span></small>
            </header>
            <div class="orderFood">
                <p>餐点：</p>
                <div>
                    <p ng-repeat="food in orderDetail.orderFoodList" ng-bind="food.foodName + food.foodNumber + food.unitType"></p>
                </div>
                <p>备注：{{orderDetail.message?orderDetail.message:'无备注'}}</p>
            </div>
        </article>
        <!-- 订单信息 -->
        <div class="order_details priority clearfix ">
            <div class="foot-info clearfix">
                <div class="fl">
                    <p>¥{{orderDetail.payCash?orderDetail.payCash:orderDetail.cashValue}}</p>
                </div>
                <div class="fr">
                    <button type="button" ng-show="orderDetail.orderState == 1" ng-click="unsubscribe(orderDetail.orderNum)">我要退订</button>
                    <button type="button" ng-show="orderDetail.orderState == 2 && orderDetail.arrive==0" ng-click="refund(orderDetail.orderNum)">我要退款</button>
                    <button ng-if="orderDetail.orderState == 1 || orderStatus.orderState == 2" ng-click="goPay()">去付款</button>
                </div>
            </div>
        </div>
    </section>
    <!-- 倒计时 -->
    <div class="limit-time text-center" ng-show="showTime && orderDetail.orderState == 1">
        <p>{{limitTime}}未付款后订单将失效</p>
    </div>
    <!-- 电话 -->
    <div class="modal fade" id="timepartModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content" id="c15-modal">
                <div class="modal-body">
                    <ul>
                        <li>
                            客服电话: <a href="tel:4009058051" id="tel"> 4009058051</a>
                            <br />
                        </li>
                        <li>
                            商户电话: <a href="tel:{{orderDetails.tel}}" id="tel"> {{orderDetails.tel}}</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- <script src="http://jsconsole.com/remote.js?1B600A3C-C225-48B8-8952-A2ADBD995324"></script> -->
    <script src="js/jquery-1.11.2.min.js"></script>
    <script src="js/angular.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/constants.js"></script>
    <script src="js/common.js"></script>
    <script src="js/orderMealDetail.js"></script>
</body>
<span style="display:none;"><script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1255764485'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s95.cnzz.com/z_stat.php%3Fid%3D1255764485%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script></span>
<script>
    _maq.push(['_setMaq', 'orderMealDetail']);
</script>

</html>
